<template>
  <div>
    <h2>深入v-model</h2>

    <input type="text" v-model="test1">
    <p>{{test1}}</p>
    <input type="text" :value="test1" @input="test1 = $event.target.value">
    <p>{{test1}}</p>
    <span>xxx</span>
    <!-- <CustomInput :value="test1" @input="test1 = $event"></CustomInput> -->
    <CustomInput v-model="test1"></CustomInput>
    <br>
    <el-input v-model="test1"></el-input>
    <br>
  </div>
</template>

<script type="text/ecmascript-6">
  import CustomInput from './CustomInput.vue'
  export default {
    name: 'ModelTest',
    data() {
      return {
        test1:'lalala'
      }
    },
    components: {
      CustomInput
    }
  }
</script>
